<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>美高国际</title>
    <meta content="美高国际" name="Keywords">
    <meta content="美高国际" name="Description">
    <link rel="stylesheet" href="css/jquery.fullPage.css">
    <link rel="stylesheet" href="css/cover.css">
</head>

<body>
<div class="dowebok-hd headbox">

</div>
<div id="Pagebegin">
    <div class="section sectionbg1">
        <div class="cover_register_box">
            <div class="register">
                <a href="" class="pc"></a>
                <a href="" class="phone"></a>
            </div>
            <div class="info">
                <div class="qqq">Q群：123456789</div>
                <div class="qq">QQ：123456789</div>
                <div class="wx">微信：123456789</div>
            </div>
        </div>
    </div>
    <div class="section sectionbg2">
        <img src="./image/page2-image.png">
    </div>
    <div class="section sectionbg3">
        <img src="./image/page3-image.png">
    </div>
    <div class="section sectionbg4">
        <img src="./image/page4-image.png">
    </div>
    <div class="section sectionbg5">
        <img src="./image/page5-image.png">
    </div>
    <div class="section sectionbg6">
        
    </div>
</div>
</body>

</html>
<script src="scripts/jquery.min.js"></script>
<script src="scripts/jquery.fullPage.min.js"></script>
<script>
    $(function () {
        $('#Pagebegin').fullpage({
            sectionsColor: ['#000', '#000', '#000', '#000', '#000', '#000'],
            anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6'],
            navigation: true,
            css3: true,
            afterLoad: function (anchorLink, index) {
                $('.sectionbg' + index).find('img').fadeIn(300);
            },
            onLeave: function (index, direction) {
                $('.sectionbg' + index).find('img').fadeOut(300);
            }
        });
    });
</script>